<!DOCTYPE html>
<html>
	<head>
			<meta charset="UTF-8">
		<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
		<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
		<link rel="icon" href="images/favicon.ico" type="image/x-icon">
		<link rel="stylesheet " type="text/css " href="css/globle.css " />
		<link rel="stylesheet " type="text/css " href="css/register.css " />
		<title>小米账户 - 注册</title>
		<style type="text/css">
			
		</style>
	</head>
	<body>
		
		<div class="wrapper">
			<div class="logo-re"><img src="images/logo-footer.png"/></div>
			<h4 class="title-re">注册小米账号</h4>
			<div class="input-box">
				<div class="select-box">
					<div id="select-result">中国（+86）</div>
					<i class="icon-slide"></i>
				</div>
				<div class="select-list">
					<ul>
						<li class="list01"><span>常用</span></li>
						<li class="record"><span>中国</span><span class="fr">+86</span></li>
						<li class="record"><span>中国台湾</span><span class="fr">+886</span></li>
						<li class="record"><span>中国香港</span><span class="fr">+852</span></li>
						<li class="record"><span>Brizil</span><span class="fr">+55</span></li>
						<li class="record"><span>India</span><span class="fr">+91</span></li>
						<li class="record"><span>Indonesia</span><span class="fr">+62</span></li>
						<li class="record"><span>Malaysia</span><span class="fr">+60</span></li>
					</ul>
				</div>
				<div>
					<input type="text"  id="phone" placeholder="请输入手机号码"/><label for=""></label>
				</div>
				<div><input type="text" id="code" placeholder="请输入验证码"/><div class="code"><img src="images/getCode.jpg"/></div></div>
				<div class="submit"><input type="submit" name="submit" id="submit" value="立即注册" /></div>
				<p class="msg">点击“立即注册”，即表示您同意并愿意遵守小米 <b>用户协议</b> 和 <b>隐私政策</b></p>
			</div>
		</div>
		
		<div class="center01">
					<div class="bottom">
						<p class="fenlan">
							<a href="" style="color: #333;">简体</a><span>|</span>
							<a href="">繁体</a><span>|</span>
							<a href="">English</a><span>|</span>
							<a href="">常见问题</a>
						</p>
						<p class="infos">小米公司版权所有-京ICP备10046444-
							<a href=""><img src="images/ghs.png" /></a>
							<a>京公网安备11010802020134号</a>-京ICP证110507号</p>

					</div>
				</div>
	</body>
	<script src="js/jquery-2.0.3.js"></script>
	<script>
//		$('.icon-slide').on('click',function(){
//			$('.select-list').css('display','block')
//		})
$('.select-box').click(function(ev){
	ev.stopPropagation();
	$('.select-list').fadeToggle(50);
})
$('body').click(function(){
	
	$('.select-list').css('display','none')
})
$('.record').click(function(){
	$('#select-result').text($('.record span:nth-child(1)').eq($(this).index()-1).text() +'('+ $('.record span:nth-child(2)').eq($(this).index()-1).text()+")")

})
	</script>
</html>
